const app = getApp();
const util = require('../../utils/util.js')
Component({
    properties: {
        navbarData: { // navbarData 由父页面传递的数据
            type: Object,
            value: {
                gobank: true,
                gohome: true,
                has_search: false,
            },
            observer: function (newVal, oldVal) {}
        },
        vTitle: {
            type: String,
            value: ""
        },
        isLeft: {
            type: Boolean,
            value: true
        },
        isHeight: {
            type: Boolean,
            value: true
        },
        navActive: {
            type: Number,
            value: 0
        },
        navIsShow: {
            type: Boolean,
            value: true
        },
        navBgColor: {
            type: String,
            value: ""
        },
        navBgc: {
            type: String,
            value: ""
        },
        priceBg: {
            type: Boolean,
            value: false
        },
        isTitleImg: {
            type: String,
            value: ""
        },
        isBgImgWH: {
            type: Object,
            value: ''
        }
    },
    data: {
        navIsShow: true, // 下拉菜单开关
        currentIndexNav: 0, // 下拉高度标识
        pixelRatio: app.globalData.pixelRatio,
        pixelRatioNum: '1',
        haveBack: true, // 是否有返回按钮，true 有 false 没有 若从分享页进入则没有返回按钮
        statusBarHeight: 0, // 状态栏高度
        navbarHeight: 0, // 顶部导航栏高度
        navbarBtn: { // 胶囊位置信息
            height: 0,
            width: 0,
            top: 0,
            bottom: 0,
            right: 0
        },
        cusnavH: 0,
        searchW: 0, // 搜索框宽度
        isShow: false // 是显选择列
    },
    attached: function (options) {
        // const cat = options.cat ? options.cat : ''

        if (!app.globalData.systeminfo) {
            app.globalData.systeminfo = wx.getSystemInfoSync();
        }
        if (!app.globalData.headerBtnPosi) app.globalData.headerBtnPosi = wx.getMenuButtonBoundingClientRect();
        // console.log(app.globalData)
        let statusBarHeight = app.globalData.systeminfo.statusBarHeight // 状态栏高度
        let headerPosi = app.globalData.headerBtnPosi // 胶囊位置信息
        // console.log(statusBarHeight)
        // console.log(headerPosi)
        let btnPosi = { // 胶囊实际位置，坐标信息不是左上角原点
            height: headerPosi.height,
            width: headerPosi.width,
            top: headerPosi.top - statusBarHeight, // 胶囊top - 状态栏高度
            bottom: headerPosi.bottom - headerPosi.height - statusBarHeight, // 胶囊bottom - 胶囊height - 状态栏height （胶囊实际bottom 为距离导航栏底部的长度）
            right: app.globalData.systeminfo.screenWidth - headerPosi.right // 屏幕宽度 - 胶囊right
        }

        let haveBack;
        if (getCurrentPages().length != 1) { // 当只有一个页面时，并且是从分享页进入
            haveBack = false;
        } else {
            haveBack = true;
        }
        var cusnavH = btnPosi.height + btnPosi.top + btnPosi.bottom // 导航高度
        var searchW = app.globalData.systeminfo.screenWidth - headerPosi.width - btnPosi.right * 2 - 30
        // console.log(searchW, app.globalData.systeminfo.screenWidth, headerPosi.width)
        this.setData({
            haveBack: haveBack, // 获取是否是通过分享进入的小程序
            statusBarHeight: statusBarHeight,
            navbarHeight: headerPosi.bottom + btnPosi.bottom, // 胶囊bottom + 胶囊实际bottom
            navbarBtn: btnPosi,
            cusnavH: cusnavH,
            searchW: searchW
        })
        //将实际nav高度传给父类页面
        this.triggerEvent('commonNavAttr', {
            height: headerPosi.bottom + btnPosi.bottom
        });
    },
    pageLifetimes: {
        show: function () {}
    },
    methods: {
        showItem: function () {
            let _this = this
            _this.setData({
                isShow: !_this.data.isShow
            })
        },
        _goBack: function () {
            wx.navigateBack({
                delta: 1
            });
        },
        bindKeyInput: function (e) {
            console.log(e.detail.value);
        }
    }
})